﻿body {
	font-family: "Open Sans","PingFang SC","Microsoft YaHei","Helvetica Neue","Hiragino Sans GB","WenQuanYi Micro Hei",Arial,sans-serif;
	font-size: 14px;
	color: #282828;
}
ul, li {
	list-style: none;
	margin: 0;
	padding: 0;
}
a {
	outline: none!important;
	color: #282828;
}
a:hover, a:active {
	color: #1E6DD4;
	text-decoration: none;
}
.dark-title a {
	color: #fff;
}
.dark-title a:hover, .dark-title a:active {
	color: #D6CA26;
}
.text-center {
	text-align: center;
}
b, strong {
	font-weight: bold;
}
.logo img {
    max-height: 44px;
}
.promo-text {
	/* font-weight: bold; */
}
#index-count {
	background-image: url(../images/count-bg.jpg);
}
#index-case {
	padding: 66px 0 0;
}
#index-case .testimonials-photo img {
	width: 158px;
	border-radius: 10px;
}
#index-case .testimonials-text {
	/* margin-left: 178px; */
}
#index-case .iproject-title {
	overflow-x: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	font-size: 15px;
	font-weight: bold;
	display: block;
	margin-bottom: 15px;
	line-height: 1.4;
}
#index-blog {
	padding: 40px 0 35px;
}

#index-blog .blog-name {
    margin: 20px 0 15px;
	font-size: 16px;
	color: #37af83;
	display: block;
	overflow-x: hidden;
	text-overflow: ellipsis;
	line-height: 1.4;
	text-align: left;
    font-weight:normal;
}
#index-blog .blog-desc {
	color: #333333;
	text-align: left;
	font-size: 16px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp:8;
    overflow: hidden;
}
#index-blog .post-thumbnail img {
	height: auto;
}
.footer {
	margin-top: 0;
	padding: 10px 0 0 0;
}
.footer .widget-title, .footer .widget-title a {
	font-size: 14px;
	color: #fff;
}
.foot-logo {
	width: 100%;
	display: inline-block;
	padding-bottom: 15px;
}
.footer-widget .contact-footer li:last-child {
	border-bottom: none;
}
.footer-widget .f-nav li {
	padding: 6px 0;
}
.footer-widget .f-nav li:last-child {
	border-bottom: none;
}
.f-qrcode {
	padding-top: 12px;
}
.footer-bottom {
	font-size: 14px;
	line-height: 58px;
}
.foot_menu ul li a {
	font-size: 13px;
}
.foot_menu ul li a:hover, .foot_menu ul li a:active {
	text-decoration: none;
	color: #F3BB14;
}
.copy-left b {
	color: #F3BB14;
}

.text-center {
	text-align: center;
}

.widget ul li:before {
	display: none;
}
.widget .title {
	font-size: 20px;
	line-height: 20px;
	margin-bottom: 22px;
	margin-top: 0;
}
.widget ul {
	list-style: none;
	margin: 0;
}
.widget ul li ul li:last-child {
	border-bottom: 0;
	padding-bottom: 0;
}





/* 内页响应 */

@media (max-width : 990px) { /* 960 */

#index-online p{
	font-size: 12px !important;
}
#index-online i{
	font-size: 24px !important;
}
}
@media (max-width : 768px) { /* 向下考虑iphone6的667px和736px */

}


@media (max-width : 420px) {/* 单行，240px,320px,375px,384px,414px */

#index-online .online {
    padding: 5px 5px !important;
}
#index-online i{
	font-size: 16px;
}
#index-online .online:nth-child(3) p{
	font-size: 12px;
    margin:0;
}
}
@media (max-width : 360px) {

.prolist-wrap .portfolio-item {
	width: 100%;
}
#index-online .online {
    padding: 5px 5px !important;
}
}
@media (max-width:1440px) and (min-width:1200px) {

}
@media (max-width:1200px) and (min-width:1040px) {

}

/* responsive */
@media (min-width:1410px) {
.container {
	max-width: 1170px;
	width: 1170px;
}
}
@media (min-width:1570px) {
.container {
	max-width: 1170px;
	width: 1170px;
}

}
@media (min-width:1890px) {
.container {
	max-width: 1200px;
	width: 1200px;
}

#index-case .iproject-title {
	margin-top: 8px;
}
.testimonials-main .testimonials-block {
	/* height: 170px; */
}

}
 @media (max-width : 1024px) {
body {
	word-break: break-all;
	word-wrap: break-word
}
.container {
	max-width: 98%;
	width: 98%;
}
#navigation {
	/* padding: 15px 0; */
}
.logo {
	margin: 0;
}

}
@media (min-width : 1200px) {
	#index-online{
		width: 108px;
	}
}
@media (max-width : 1200px) { 
	.testimonials-main .testimonials-block {
		margin-bottom: 30px;
	}
	.testimonials-main .newlist .newtitle {
		padding:20px 40px 25px 40px;
	}
	#index-online .online{
		padding: 20px 0;
	}
	#index-online .back i.fa-angle-up{
		font-size: 70px;
	}
	#main-blog{
		padding: 40px 0 !important;
	}
	.nav>li>a{
		padding: 0 18px;
	}
	.testimonials-desc p{
		font-size: 16px;
	}
	.testimonials-main .newsinfo.col-md-6{
		padding: 0 15px;
	}
}
@media (max-width : 905px) { 
	.testimonials-name{
		font-size: 12px;
	}
	.testimonials-desc p{
		font-size: 14px;
	}
}
@media (max-width : 905px) { 
	.testimonials-main .testimonials-block {
		margin-bottom: 10px;
	}
}
@media (max-width : 500px) { 
	.testimonials-main .col-xs-6 {
		width: 100%;
	}
	.testimonials-main .newlist .newtitle .testimonials-desc{
		margin-bottom: 0;
	}
	.testimonials-main .testimonials-block {
		margin-top: 20px;
	}
	.testimonials-block .testimonials-text .testimonials-desc{
		margin-top: 0;
	}
	.testimonials-main .newlist .newtitle{
		padding: 10px;
	}
	#index-blog .blog-name a{
		font-size: 16px;
	}
	#index-blog .blog-desc{
		font-size: 12px;
	}
	#index-blog .caselist .iblog-item .col-xs-6{
		width: 100%;
	}
	#index-slider .swiper-button-next, #index-slider .swiper-button-prev{
		font-size: 32px;
	}
}
@media (max-width : 990px) { /* 960 */
.container {
	max-width: 99%;
	width: 99%;
}
.navbar-collapse{
	background-color: #fff;
}
.navbar-nav>li>a{
	line-height: 20px !important;
	padding: 6px 30px;
    float:left;
}
.navbar-nav{
	margin: 0;
}
.navbar-toggle{
	margin-top: 30px;
}



#index-case {
	padding: 25px 0 15px;
}
#index-blog {
	padding: 25px 0 10px;
}
#index-blog .iblog-item {
	margin-bottom: 8px;
	padding: 8px 0;
}

.f-about {
	line-height: 2.4;
}
.foot-nav, .foot-qrcode {
	display: none;
}
.copy-left {
	width: 100%;
	text-align: center;
}
.copy-right {
	display: none;
}
.footer-bottom {
	margin-top: 30px;
	line-height: 1.2;
	
}
.navbar-default .navbar-nav .dropdown .dropdown-menu{
	display: block;
	position: relative;
	border: none;
	box-shadow: none;
    float:left;
}
.navbar-default .navbar-nav li:after{
    display:block;
    content:'';
    visibility:hidden;
    clear:both;
}
.navbar-nav .open .dropdown-menu{
    float:left;
}
.navbar-default .navbar-nav .dropdown-menu>li{
	float: left;
}
.navbar-default .navbar-nav .dropdown-menu>li>a{
	text-align: left;
	line-height: 20px;
    padding: 6px 20px;
}
}
@media (max-width : 767px) { /* 向下考虑iphone6的667px和736px */
.testimonials-main {
	padding: 0;
}
.footer {
	min-height: initial;
}
.footer-bottom {
	margin-top: 0;
}
#index-blog .blog-desc{
	font-size: 14px;
}
#index-blog .blog-name a{
	font-size: 20px;
}
#index-blog .blog-name{
	margin: 0;
	line-height:1.8;
}
.caselist{
	margin-top: 0;
}
.testimonials-main .newlist {
	padding-right:15px;
}
.testimonials-main .newlist img{
	width: 100%
}
#index-slider .tp-banner {
	max-height: 70vh!important;
}
.service-text {
	font-size: 15px;
}
.cbp-l-grid-projects .cbp-item {
	width: 50% !important;
}
#index-count, #index-count .prlx {
	min-height: 240px;
}

.copyright b {
	display: none;
}

.footer-bottom .copy-top{
	border: none;
}
.footer-widget{
	padding-top: 0;
}
.footer-contact{
	float: left !important;
}
.footer-contact div{
	width: 70px;
	height: 70px;
	border: 1px solid #dddddd;
	text-align: center;
	line-height: 70px;
}
.contact-footer span,
.contact-composer span {
    font-size: 12px;
}
.footer-help .text-left p{
	font-size: 18px;
}
.footer-help .text-left p:first-child{
	margin-left: 0
} 
.caselist .iblog-item .blog-images{
	min-height: 100%;
	min-width: 50%;
}
    #index-online.col-xs-2{
        width:8.6%;
		display:none;
    }
    #index-online .online {
        padding: 12px 0;
    }

}
@media (max-width : 740px) { /* 双行，568px,600px,640px */
#index-slider .tp-banner {
	max-height: 65vh!important;
}

#index-count {
	padding: 40px 0 20px;
}
#index-count .count-item {
	margin: 0px 0 20px 0!important;
}
.testimonials-main .testimonials-block {
	/* padding: 20px 20px 23px 20px; */
}
.footer {
	min-height: 100px;
}

.foot-contact {
	/* display: none; */
}
}
@media (max-width : 673px) {
	.footer-help{
		padding-top: 0;
	}
	.footer-help .closed{
		top: 0;
	}
	.footer-help p{
		font-size: 14px !important;
	}
	.footer-help .col-xs-4 {
		width: 100%;
		margin-bottom: 0px;
	}
	.footer-help .col-xs-4.text-left p{
		display: inline
	}
	.footer-help .col-xs-4.text-center {
		text-align: left
	}
	.footer-help .col-xs-4.text-center p,
	.footer-help .col-xs-4.text-center form{
		display: inline-flex
	}
	.footer-help .col-xs-4.text-center p{
		margin-right: 10px;
	}
	.footer-help .col-xs-4.text-center form .col-xs-7{
		width: 65%;
	}
	.footer-help .col-xs-4.text-center form .col-xs-4{
		width: 25%;
	}
	.footer-help .col-xs-4.text-right {
		text-align: left
	}
	#banner{
		height: 100px;
	}
	#banner img{
		height: 100%;
	}
}

@media (max-width : 480px) {
#index-slider .tp-banner {
	max-height: 60vh!important;
}
.promo-text {
	font-size: 2em;
}
#index-blog .iblog-item {
	width: 100%;
}
#main-blog{
	padding: 20px 0 !important;
}
.swiper-container-horizontal>.swiper-pagination-bullets, 
.swiper-pagination-custom, .swiper-pagination-fraction{
    bottom:5px;
}
.swiper-pagination-bullet{
    width:10px;
    height:10px;
}
#index-online.col-xs-2 {
    width: 12.6%;
}
}
@media (max-width : 420px) {/* 单行，240px,320px,375px,384px,414px */
#index-slider .tp-banner {
	max-height: 55vh!important;
}
.promo-text {
	font-size: 1.8em;
}
.stats-block .stats-text {
	font-size: 16px;
}
.testimonials-photo {
	display: block;
	float: none;
	margin-bottom: 25px;
}
#index-case .testimonials-photo img {
	width: 100%;
}
#index-case .testimonials-text {
	margin-left: 0;
	clear: both;
}
#index-online .back i.fa-angle-up {
    font-size: 45px;
}
}
@media (max-width : 376px) {
	.footer-contact div{
		width: 55px;
		height: 55px;
		line-height: 55px;
	}
	.contact-composer span{
		display: block;
		padding-left: 0;
	}
	#index-online .back i.fa-a{
		font-size: 45px;
	}
}
@media (max-width : 360px) {

#index-slider .tp-banner {
	max-height: 50vh!important;
}
.promo-text {
	font-size: 1.6em;
}
}
